<template>
	<view class="content">
		<view class="content-block">
<!-- 			<view class="video">
				<video 
				id="myVideo" 
				src="https://www.mashangjiuye.cn/file/MP3/ae5f9a7115e0c457d38396064871f603.mp4"
				:controls="true"
				poster="https://www.mashangjiuye.cn/file/91885/1411cb400b5533bab610a01d601ee3e.png"
				style="width: 100%; height: 750rpx;"
				object-fit="contain"
				>
				</video>
			</view> -->
			<view class="fold">
				<image class="img2"  :src="imageUrl+'/home/manual/szq_01.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_02.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_03.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_04.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_05.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_06.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_07.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_08.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_09.png'"></image>
				<image class="img2"  :src="imageUrl+'/home/manual/szq_10.png'"></image>

			</view>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			imageUrl: '',
			isPreview: false,
			
		}
	},
	methods:{
		
	},
	onLoad() {
		this.imageUrl = this.globalConfig.imageUrl
	}
}
</script>

<style lang="scss">
	.content{
		box-sizing: border-box;
		width: 100%;
		min-height: 100vh;
		.content-block{
			min-height: 100vh;
			border-radius: 30rpx;
			background-color: #FFFFFF;
			.video{
				width: 100%;
				margin-top: 20rpx;
			}
			.fold{
				width: 100%;
				margin-top: 20rpx;
				.img2{
					width: 100%;
					height: 960px;
				}
			}
			
		}
		.cover{
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, .8);
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>